微前端架构参考

微前端在如下场景中将更发挥更大作用： 多个团队贡献同一个前端 一些 独立的部分需由特定的用户或团队激活、终止激活或 roll out 需支持外部开发人员对 UI 进行扩展 UI 的特性集每日 / 每周都在增长，并不会影响系统其它部分 不论应用如何增长，都需要维持恒定的开发速度 支持不同团队使用不同的开发工具 克军大佬的分享 <a :href="$withBa ...

VS Code 的语言扩展

概述 在 VS Code 中一个语言的声明性的功能有： 语法高亮 Syntax highlighting 代码片段 Snippet completion 括号匹配 Bracket matching 括号自动闭合 Bracket auto-closing 括号自动环绕 Bracket auto-surrounding 注释切换 Comment toggling ...

Hello, WebAssembly

MDN: WebAssembly是一种新的编码方式，可以在现代浏览器中运行 － 它是一种低级的类汇编语言，具有紧凑的二进制格式，可以接近原生的性能运行，并为诸如C / C ++等语言提供一个编译目标，以便它们可以在Web上运行。它也被设计为可以与JavaScript共存，允许两者一起工作。 起源 JS 简史 JavaScript 的设计初衷是为非专业编程人员和设计师使用 ...

Chrome 的资源加载

资源分类 Chrome 将资源分为以下几类： MainResource (主页面、iframe页面) CSS Font Script Raw (XHR) ImportResource XSL Image Media SVG TextTrack (video 字幕) Prefetch Link 加载过程 预处理请求 - ...

Node.js CLI 常用工具

CLI 即 command-line interface，命令行工具。最近参与开发一个 CLI 脚手架工具，接触了一些好用的工具。 首先，Node.js 内置了对命令操作的支持，在 package.json 的 bin 字段可以定义命令名称和关联的执行文件，执行文件一般放在 bin 目录下。这样如果 node module 是全局安装的，会自动在系统的 bin 目录下关联到执行文件，如果不是 ...